<script setup>
import CommonHeader from "./CommonHeader.vue";
import CommonFooter from "./CommonFooter.vue";
</script>

<template>
  <CommonHeader />

  <router-view v-slot="{ Component }">
    <transition>
      <keep-alive>
        <component
          :is="Component"
          class="main-content"
          :key="$route.fullPath"
        />
      </keep-alive>
    </transition>
  </router-view>

  <CommonFooter />
</template>

<style scoped>
a {
  color: #42b983;
}

.main-content {
  margin: auto;
  width: 1200px;
  min-height: calc(100vh - 96px - 196px);
}
</style>
